iT邦幫忙

2023 iThome 鐵人賽

DAY 22
0

目錄

  1. 滑動畫面
  2. 加入表格

正文

滑動畫面

這是使用的物件是 ScrollView,這邊要注意這個物件只能有一個子物件,那我們一邊會直接用 LinearLayout 主要是為了方便排版,如果不使用線性布局的話,會發現物件一點都不聽話,畫面變得好醜!

這邊提供參考程式碼:

<ScrollView
    android:id="@+id/scrolview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <!-- 這邊加入想要滑動的資料們 -->
    </LinearLayout>
</ScrollView>

如果想要有卷軸(Scrool Bar)效果的話,可以加幾個 ScroolView 的參數:

<ScrollView
		android:id="@+id/scrolview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
		android:scrollbarSize="1dp"
		android:scrollbarStyle="outsideOverlay"
		android:scrollbarThumbVertical="@android:drawable/btn_default"
		android:scrollbars="vertical"/>

加入表格

這邊我預計用表格的方式呈現50音表,但我在製作表格時遇到了大問題,我知道了邊框大概的作法,但我照著網路上提供的寫法,怎麼寫都不太對,所以我先丟目前的 code 上來,如果有大佬可以幫忙找出問題,就拜託了 QQ。

<TableLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/dark_green"
    android:layout_margin="1dip">
    <TableRow>
        <TextView
            android:text="123"
            android:gravity="center_vertical"
            android:background="@color/coral_pink"
            android:layout_margin="0.5dip"/>
        <TextView
            android:text="123"
            android:gravity="center"
            android:padding="3dip" />
    </TableRow>

    <TableRow>
        <TextView
            android:text="123"
            android:padding="3dip" />
        <TextView
            android:text="123"
            android:gravity="center"
            android:padding="3dip" />
    </TableRow>
</TableLayout>

總結

由於今天花了很多時間在寫作業和回家上面,所以內容特別少,再加上昨天去參加活動時,被告知 Android 沒前途,聽到真得快哭出來了,但我還是會努力做完的啦!

下一篇繼續努力表格~

參考資料

給android 設置邊框(tableLayout、表格)
https://www.twblogs.net/a/5e50ca34bd9eee2117bfbb2f


上一篇
Day.21 夢想專案(日文學習 APP) - 1 外觀處理
下一篇
Day.23 夢想專案(日文學習 APP) - 3 表格處理
系列文
剛學Kotlin的我想要玩安卓開發,自學 Android Studio 30 天31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言